<template>
	<div class="head">
		<h3>电商管理系统</h3>
		<i class="el-icon-menu icon"></i>
		<el-dropdown trigger="click" class="home-drop">
			<span class="el-dropdown-link">
				下拉菜单<i class="el-icon-arrow-down el-icon--right"></i>
			</span>
			<el-dropdown-menu slot="dropdown">
				<el-dropdown-item icon="el-icon-plus">黄金糕</el-dropdown-item>
				<el-dropdown-item icon="el-icon-circle-plus">狮子头</el-dropdown-item>
				<el-dropdown-item icon="el-icon-circle-plus-outline">螺蛳粉</el-dropdown-item>
				<el-dropdown-item icon="el-icon-check">双皮奶</el-dropdown-item>
				<el-dropdown-item icon="el-icon-circle-check">蚵仔煎</el-dropdown-item>
			</el-dropdown-menu>
		</el-dropdown>
	</div>
</template>

<script>
export default {
	data(){
		return{
			
		}
	}
}
</script>

<style lang="less" scoped="scoped">
.head {
	height: 70px;
	background: #cea3e6;

	h3 {
		display: inline-block;
		font-size: 24px;
		line-height: 70px;
		color: #FFFFFF;
		font-weight: normal;
		padding: 0 20px;
	}

	.icon {
		font-size: 20px;
		color: #FFFFFF;
	}

	.home-drop {
		float: right;
		line-height: 70px;
		margin-right: 20px;
		color: #FFFFFF;
	}
}
</style>
